/**
 * @description 通过指定选择器获取对应函数节点
 * @param {sting} selector 选择器
 * @returns 函数节点
 */
function $(selector) {
	let NodeList = document.querySelectorAll(selector);
	//   if (NodeList.length === 0) {
	//长度为0，未查询到节点，控制台给出警告
	//     return console.warn(`${selector}未获取到节点`);
	//   }
	//   if (NodeList.length === 1) {
	//长度为1，获取到1个元素节点，直接将节点取出来
	//     return NodeList[0];
	//   }
	//   if (NodeList.length > 1) {
	//长度大于1，获取到多个元素节点，返回伪数组
	//     return NodeList;
	//   }
	switch (NodeList.length) {
		case 0:
			return console.warn(`${selector}未获取到节点`);

		case 1:
			return NodeList[0];

		default:
			return NodeList;
	}
}

/**
 * @description 通过传入tab选择器和对应类名 类容盒子选择器和对应类名（内容可选）实现切换
 * @param {sting} tabSelector tab选择器
 * @param {sting} tabClass 给tab添加的类名
 * @param {sting} contentSelector 类容盒子选择器
 * @param {sting} contentClass 给对应类容添加的类名
 * @returns 不需要
 */
// tab封装
function tabChange(tabSelector, tabClass, contentSelector, contentClass) {
	// 获取tabList li节点并遍历
	$(tabSelector).forEach(function (v, i) {
		// 绑定事件
		v.addEventListener("click", function () {
			// 点击时先清除所有
			$(tabSelector).forEach(function (item, index) {
				item.classList.remove(tabClass);
				// 把将所有盒子上的类名移出
				if (contentSelector) {
					$(contentSelector)[index].classList.remove(contentClass);
				}
			});
			v.classList.add(tabClass);
			// 给对应下标盒子添加类名
			if (contentClass) {
				$(contentSelector)[i].classList.add(contentClass);
			}
		});
	});
}
